/* RDC详细介绍 */
.studio_info_con {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;

  background-image: url('https://www.rdcmy.com/rdc-recruit/static/wechat/background.jpg');
  background-repeat: no-repeats;
  background-size: 100% 100%;
  opacity: 0;

  animation: show 1s linear forwards;
}


@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.title-box {
  position: relative;
  width: 664rpx;
  margin: 0 auto;
  margin-top: 2vh;
}

/* ipad 适应 */
.ipad .title-box {
  margin-top: 0vh;
}

/* 标题框 */
.title-img {
  width: 100%;
  height: 165rpx;
}

/* RDC 标题 */
.title {
  position: absolute;
  top: 42%;
  left: 32%;
  font-size: 44rpx;

  color: transparent;
  background-image: linear-gradient(20deg, #f5f5f5 0%, #7a7a7a 0%);
  -webkit-background-clip: text;
  animation: textLight 1.5s 1.2s ease-in forwards;

  .letter{
    transform: translateY(-30rpx);
    opacity: 0;
    animation: letterDrop 0.5s calc(var(--i)*0.3s) linear forwards;
  }
}

.loop(@counter) when (@counter>=0%) {
  .loop((@counter - 2%));
   @{counter} {
    background-image: linear-gradient(30deg, #f5f5f5 @counter, #7a7a7a 0%);
  }
}

@keyframes textLight{
  .loop(100%);
}

@keyframes letterDrop {
  0%{
    transform: translateY(-30rpx);
    opacity: 0;
  }
  100%{
    transform: translateY(0rpx);
    opacity: 1;
  }
}

.ipad .title-img {
  height: 165rpx;
}

/* 介绍辅助框 */
.introduce-box {
  position: relative;
  width: 662rpx;
  margin: 0 auto;
  color: #ececec;
  height: 73.8%;
}

/* 介绍文字的框 */
.intro-img {
  width: 100%;
  height: 100%;
}

.introduce {
  position: absolute;
  top: 3.652%;
  left: 6.116%;

  height: 85%;
  width: 87.77%;
  overflow: hidden;

  text-align: justify;
  line-height: 40rpx;
  font-size: 32rpx;
}

/* ipad类大小设备字体大小修改 */
.ipad .introduce {
  font-size: 28rpx;
}

.paragraph {
  text-indent: 50rpx;
  margin-bottom: 30rpx;
}

.hight-light {
  color: #dfde63;
}

.rocket {
  position: absolute;
  bottom: -80rpx;
  right: 0;
  width: 180rpx;
}